<%-- 
    Document   : createAccount.jsp
    Created on : 2008-11-11, 17:06:31
    Author     : Wan Ru
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>

<html>
  <head>
  <title>Seity Accounts</title>
<style type="text/css"><!--
    .body { margin-left: 3em;
            margin-right: 5em;
            font-family: arial,sans-serif; }

    div.errorbox-good {}

    div.errorbox-bad {} 

    div.errormsg { color: red; font-size: smaller; font-family: arial,sans-serif;}
    font.errormsg { color: red; font-size: smaller; font-family: arial,sans-serif;}

    
    

    
    
  --></style>  
  </head>
<style type="text/css"><!--
  
   
  .gaia.ops.gsl { font-family: arial, sans-serif; color: #3366cc; font-weight: bold;} 
  
  
  .gaia.sub.el { font-family: arial, sans-serif; font-size: smaller; font-weight: bold;}
  .gaia.sub.pl { font-family: arial, sans-serif; font-size: smaller; font-weight: bold; }
  .gaia.sub.rpl { font-family: arial, sans-serif; font-size: smaller; font-weight: bold; }
  .gaia.sub.es { font-family: arial, sans-serif; font-size: smaller; font-style: italic; }
  .gaia.sub.seex { font-family: arial, sans-serif; font-size: smaller; color: #6f6f6f; }
  .gaia.sub.pc { font-family: arial,sans-serif; font-size: smaller; color: #6f6f6f; }
   
    
   .gaia.cca.al { font-family: arial, sans-serif; font-size: smaller; font-weight: bold;}
  .gaia.cca.ol { font-family: arial, sans-serif; font-size: x-small;}
  .gaia.cca.cmt { font-family: arial, sans-serif; font-size: smaller; color: #6f6f6f; }
      
    
   .gaia.cud.cl { font-family: arial, sans-serif; font-size: smaller; font-weight: bold;}
   
    
  .gaia.captchahtml.desc { font-family: arial, sans-serif; font-size: smaller; } 
  .gaia.captchahtml.cmt { font-family: arial, sans-serif; font-size: smaller; color: #6f6f6f; }

--></style>
 
<body bgcolor="#ffffff" text="#000000" link="#0000cc" vlink="#551a8b"alink="#ff0000" dir='ltr'>
		
<!--Top picture and title; TODO-->
<table width="100%" border="0" cellpadding="2" cellspacing="0">
<tr>
<td colspan="2"><img width="1" height="2" alt="" /></td></tr>
<tr>
<td valign="top" width="1%"><a href='https://www.google.com/accounts/'>
<img src='images/seity_account.jpg'alt="Seity" width="160" height="65" border="0" align="left" />
</a>  </td>
<td valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img width="1" height="15" alt="" /></td>
</tr>
<tr bgcolor="#3366cc">
<td><img height="1" width="1" alt="" /></td>
</tr>
<tr bgcolor="#e5ecf9">
<td style="padding-left: 4px; padding-bottom:3px; padding-top:2px; font-family:arial,sans-serif;">
<b>Create a Seity Account</b>
</td></tr>
<tr><td colspan="2"><img width="1" height="5" alt="" /></td></tr>
</table></td></tr></table>
  
  <div class="body">
  <h3>
  Create an Account
  </h3>

<table width="700">
  <tr>
  <td>
  <font size="-1">
  If you already have a Seity Account, you can <a href='signIn.jsp' >sign in here</a>.
  </font>
  </td>
  </tr>
</table>
<br/>

<script type="text/javascript">
  <!--
    function checkForm()
	{
      if(document.createaccount.ID.value == "")
	  {
	  	alert("Please enter an user ID!");
		return false;
	  }
	  if(document.createaccount.Passwd.value == "")
	  {
	  	alert("Please enter the password!");
		return false;
	  }
	  if(document.createaccount.PasswdAgain.value == "")
	  {
	  	alert("Please re-enter the password!");
		return false;
	  }
	  if(document.createaccount.Passwd.value != document.createaccount.PasswdAgain.value )
	  {
	  	alert("The password re-entered is not the same with the first one!");
		return false;
	  }
	}
	
	
  -->
</script>
  
<form id="createaccount" name="createaccount" action='CreateAccountServlet' method="post" onSubmit="return(checkForm());">
 
		 
<table cellpadding="2" bgcolor="white" cellspacing="0" border="0" width="100%">
<tr><td>
<table bgcolor="#cbdced" border="0" cellpadding="2" cellspacing="0" width="90%">
<tr><td>
<table bgcolor="#eeeeee" border="0" cellpadding="2" cellspacing="0" width="100%">
<tr><td bgcolor="#ffffff" valign="top"  align="center">
<table cellspacing="0" cellpadding="5" width="100%" bgcolor="#ffffff" border="0">
<tr>
<td colspan="2" valign="top">
<span class="gaia ops gsl">Required information for Seity account</span>
</td></tr>
	

<tr>
<td width="20%" valign="top" nowrap="nowrap"><span class="gaia sub el"> Create an user ID :</span></td>
<td width="80%">
<div><input type="text" name="ID"  id="ID" size="30" value="" class="gaia sub idtxtfield"/></div>
<span class="gaia sub seex">
  e.g. meredith.wan . This will be used to sign-in to your account.
</span>
</td>
</tr>

<tr>
<td valign="top" nowrap="nowrap"><span class="gaia sub pl">Choose a password:</span><b>&nbsp;&nbsp;</b></td>
<td>
<table cellpadding="0" cellspacing="0" border="0"><tbody><tr>
<td width="220">
<div><input type="password" name="Passwd" id="Passwd" size="30" class="gaia sub passwdtxtfield"/></div>
<span class="gaia sub pc">Minimum of 6 characters in length.</span>
</td></tr></tbody></table>
</td>
</tr>

<tr>
<td valign="top">
<span class="gaia sub rpl">Re-enter password:</span>
</td>
<td>
<div><input type="password" name="PasswdAgain" id="PasswdAgain" size="30" class="gaia sub passwdtxtfield"/></div>
</td>
</tr>

<tr>
  <td valign="top" nowrap="nowrap"><span class="gaia sub pl"><b>Select your interesting topics:</b></span></td>
  
  <td align='left' > <!--TODO: CheckBox pass values.-->
    <p>
        <input type="checkbox" value="11" name="check_id">
        <font size="-1" face="新宋体">托 福</font>&nbsp; 
      
        <input type="checkbox" value="12" name="check_id">
        <font size="-1" face="新宋体">雅 思</font> &nbsp;
      
        <input type="checkbox" value="13" name="check_id" >
        <font size="-1" face="新宋体">GRE笔考</font> &nbsp;
      
        <input type="checkbox" value="14" name="check_id">
        <font size="-1" face="新宋体">GRE作文</font> &nbsp;
      
      <br>
      
        <input type="checkbox" value="15" name="check_id">
        <font size="-1" face="新宋体">美国留学</font> &nbsp;
      
        <input type="checkbox" value="16" name="check_id">
        <font size="-1" face="新宋体">英国留学</font> &nbsp;
      
        <input type="checkbox" value="17" name="check_id">
        <font size="-1" face="新宋体">新加坡留学</font>&nbsp;        
	</p>
 </td>
 
</tr>

<tr><td colspan="2"><hr></td></tr>
 

<!-- Tos.naui=default -->
<tr>
<td valign="top" nowrap="nowrap">
<font size="-1" face="Arial, sans-serif"><b>Terms of Service:</b></font>
</td>
<td valign="top">
<font size="-1" face="Arial, sans-serif">
Please check the Seity Account information you've entered above (feel free to change anything you like), and review the Terms of Service below.</font></td></tr>
<tr>
<td>&nbsp;</td>
<td valign="top">
<div>
<div style="display:inline" id='tos_div'>
<table border="0" cellpadding="0" cellspacing="0">

<tr><td align="right" valign="top"></td></tr>

<tr><td>
<textarea name="textarea" cols="80" rows="5" readonly="readonly" style="width:100%" onFocus="this.rows=10">
Seity服务条款 Seity欢迎您！


</textarea></td></tr>

<tr><td>&nbsp;</td></tr>
<tr><td>
<font size="-1">By clicking on 'I accept' below you are agreeing to the Terms of Service above.</font>
</td></tr>
</table>

</div>
</div>
</td>
</tr>

<tr><td colspan="1">&nbsp;</td>
<td colspan="1" align="center">
<input style="width:19em" id="submitbutton"  name="submitbutton" type="SUBMIT" 
     value='I accept. Create my account.' />
</td></tr>

</table></td></tr></table>
</td></tr></table>
</td></tr></table>
</form>
  
</div>
  <style type="text/css"><!--
.footer { padding-right: 5px; 
          padding-left: 5px; 
          padding-bottom: 5px; 
          padding-top: 5px; 
          font-size: 83%;
          border-top: #ffffff 1px solid; 
          border-bottom: #ffffff 1px solid; 
          background: #e5ecf9; 
          text-align: center;
          font-family: arial,sans-serif;
}
--></style>
<div class="footer" align="center">
<font color="#666666">&copy;2008 Seity</font>
-<a href='index.jsp'>Seity Home</a>
-<a href='https://www.google.com'>Go to Google</a>
-<a href='http://softcontest.cqu.edu.cn/softcontest/user/main.jsp'>Software Contest</a>
-<a href='aboutSeity.jsp'>About Seity</a>
</div>

  </body>
</html>

